
$(document).ready(function() 
{

	$( ".imagen-servicio" ).mouseover(function(e){
				$(this).children('.servicio-descripcion').stop().animate({'top': '30px'}, 500);
			});

	$( ".imagen-servicio" ).mouseleave(function(){
				$(this).children('.servicio-descripcion').stop().animate({'top': '300px'}, 500);
			});
			
	$("#contenedor-imagen-servicio").click(function(){
		$("div#fondo-pantalla").show();
	});
	
	
	$(".imagen-servicio").click(function(){
	
		$("div#fondo-pantalla").hide();
		var id = $(this).attr("class").split(" ")[2];
		$("#hiddenTipoServicio").val(id);
		var clases = $("#contenedor-imagen-servicio").attr("class").split(" ");
		var tipo = $(this).attr("id");
		var title = tipo.substr(0,tipo.length -1);
		
		if(clases.length == 3)
		{
			$("#contenedor-imagen-servicio").removeClass(clases[2]);
			$("#contenedor-imagen-servicio").addClass(tipo);
			$("#contenedor-imagen-servicio").attr("title",title);
		}
		
		
	});
	
	
	
	$("#textBusqueda").focus(function(){
		$(this).css({
			'border-color' : '#848484',
			'border-style' : 'solid'
		});
	});
	
	$("#textBusqueda").blur(function(){
		$(this).css({
			'border-color' : '#BDC7D8',
			'border-style' : 'solid'
		});
	});
	
	
	var elt  = $('#textLugares');

	elt.tagsinput({
	  itemValue: 'value',
	  itemText: 'text',
	  freeInput: false,
	  maxTags: 1
	});


	elt.tagsinput('input').typeahead({
	  valueKey: 'text',
	  prefetch: 'src/pcs.json',
	  limit:8,
	  template: '<p>{{text}}</p>',                                       
	  engine: Hogan
	}).bind('typeahead:selected', $.proxy(function (obj, datum) {  
		this.tagsinput('add', datum);
		this.tagsinput('input').typeahead('setQuery', '');
	}, elt));
	
	
	
	elt  = $('#textEspecialidad');

	elt.tagsinput({
	  itemValue: 'value',
	  itemText: 'text',
	  freeInput: false,
	  maxTags: 1
	});


	elt.tagsinput('input').typeahead({
	  valueKey: 'text',
	  prefetch: 'src/especialidades.json',
	  limit:8,
	  template: '<p>{{text}}</p>',                                       
	  engine: Hogan
	}).bind('typeahead:selected', $.proxy(function (obj, datum) {  
		this.tagsinput('add', datum);
		this.tagsinput('input').typeahead('setQuery', '');
	}, elt));
	
	
	

	 var ejemplo = $(".tt-dropdown-menu");
	 
	 //$(ejemplo[0]).css({"width":"170px"});
	 
	 //$(ejemplo[1]).css({"width":"300px"});
	 
	  $(ejemplo[0]).css({"width":"280px"});
	  $(ejemplo[1]).css({"width":"200px"});
	
	  

});
	